<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org" >
<head>
    <meta charset="UTF-8">
    <title>shipping</title>
    <link rel="StyleSheet" href="/css/mypetstore.css" type="text/css" media="screen"/>
</head>
<body>

<div th:replace="~{common/top}"></div>
<div id="Content">
<div id="Catalog" >
    <form method="post" id="shippingForm" th:action="@{/order/shipping}" th:object="${order}">
        <table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
                <td align="center" valign="middle">

                    <table style="background-color:lightskyblue; margin:auto">
                        <tr>
                            <th colspan="2">Shipping Address</th>
                        </tr>
                        <tr>
                            <td><font color='red'>*</font>First name:</td>
                            <td><input type="text" name="shipToFirstName" th:value="${order.shipToFirstName}"/></td>
                        </tr>
                        <tr>
                            <td><font color='red'>*</font>Last name:</td>
                            <td><input type="text" name="shipToLastName" th:value="${order.shipToLastName}"/></td>
                        </tr>
                        <tr>
                            <td><font color='red'>*</font>Address 1:</td>
                            <td><input type="text" size="40" name="shipAddress1" th:value="${order.shipAddress1}"/></td>
                        </tr>
                        <tr>
                            <td>Address 2:</td>
                            <td><input type="text" size="40" name="shipAddress2" th:value="${order.shipAddress2}"/></td>
                        </tr>
                        <tr>
                            <td><font color='red'>*</font>City:</td>
                            <td><input type="text" name="shipCity" th:value="${order.shipCity}"/></td>
                        </tr>
                        <tr>
                            <td><font color='red'>*</font>State:</td>
                            <td><input type="text" size="4" name="shipState" th:value="${order.shipState}"/></td>
                        </tr>
                        <tr>
                            <td><font color='red'>*</font>Zip:</td>
                            <td><input type="text" size="10" name="shipZip" th:value="${order.shipZip}"/></td>
                        </tr>
                        <tr>
                            <td><font color='red'>*</font>Country:</td>
                            <td><input type="text" size="15" name="shipCountry" th:value="${order.shipCountry}"/></td>
                        </tr>
                    </table>
                </td>
            </tr>
        </table>
        <button type="button" id="back" onclick="goBack()"> &lt; Back</button>
        <script th:inline="javascript">
            function goBack() {
                history.go(-1);
            }
        </script>
        <input type="submit" th:value="Continue"/>
    </form>
</div>
</div>
<div th:replace="~{common/bottom}"></div>
</body>
</html>
